﻿<%@page import="itsm.isperp.framework.core.context.ContextHolder"%>
<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="isperp" uri="/WEB-INF/tlds/isperp.tld"%>

<style type="text/css">
#baidumap {
	margin-right: 130px; height: 100%; overflow: hidden;
}

#result {
	border-left: 1px dotted #999; height: 100%; width: 126px; position: absolute; top: 0px; right: 0px; font-size: 12px;
}

dt {
	font-size: 14px; font-family: "微软雅黑"; font-weight: bold; border-bottom: 1px dotted #000; padding: 5px 0 5px 5px; margin: 5px 0;
}

dd {
	padding: 5px 0 0 5px;
}
</style>

<link rel="stylesheet"
	href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" />

<script type="text/javascript"
	src="http://api.map.baidu.com/api?v=2.0&ak=<%=ContextHolder.getConfigByKey("baiduApk")%>"></script>
<script type="text/javascript"
	src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>

<script type="text/javascript" src="js/libs/raty/jquery.raty.js"></script>


<script type="text/javascript"
	src="http://api.map.baidu.com/library/GeoUtils/1.2/src/GeoUtils_min.js"></script>
<script src="js/widget/baiduMap.js" type="text/javascript"></script>
<div id="allmap" style="overflow: hidden; zoom: 1; position: relative;">
	<div id="baidumap"
		style="height: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;">
	</div>
	<div id="panelWrap"
		style="width: 0px; position: absolute; top: 0px; right: 0px;
            height: 100%; overflow: auto; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;">
	</div>
</div>

<div id="result">
	<dl>
		<dd>
			<ul>
				<li><span id="timeoutReciprocalValue" class="important-info"></span>秒后自动<a style="padding:0px"
					href="javascript:void()" class="nui-txt-link"
					onclick="refreshPoint();return false;">刷新坐标</a>
				</li>
			</ul>
		</dd>
		<dt style="display:none">位置信息</dt>
		<dd>
			<ul>
				<li style="display:none"><input id="cbUser" type="checkbox" checked="checked"
					onclick="changePoint()"><label for="cbUser">人员</label> <input
					id="cbIncident" type="checkbox" onclick="changePoint()"
					checked="checked"><label for="cbIncident">事件</label>
				</li>
				<li><br></li>
				<li></li>
			</ul>
		</dd>
	</dl>
</div>


<script type="text/javascript">
	var bm = $("#baidumap").baiduMap({
		refreshTimeoutLabel : "timeoutReciprocalValue",
		centerPointLng : 117.272224,
		centerPointLat : 31.919507,
		showIncidentPoint:false,
		showCiPoint:false
	});

	bm.height($(window).height());

	function refreshPoint() {
		bm.baiduMap("refreshPoint");
	}
	function clearAllPoint() {
		bm.baiduMap("clearAllPoint");
	}

	function changePoint() {
		var cbUserChecked = $("#cbUser").is(":checked");
		var cbIncidentChecked = $("#cbIncident").is(":checked");

		bm.baiduMap("showUserPoint", cbUserChecked);
		bm.baiduMap("showIncidentPoint", cbIncidentChecked);
		refreshPoint();
	}
</script>